{{>fixtures/doctype}}

<head>

	<title>Pagurian 管理系统的前端解决方案， 致力于让前端设计，开发，测试，发布更简单</title>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<meta name="MobileOptimized" content="320">
	<link rel="shortcut icon" href="favicon.ico" />
	<link href="../resources/css/public.css" rel="stylesheet" type="text/css" />
	<link id="style_themes" href="../resources/css/themes-green.css" rel="stylesheet" type="text/css" />

	<style type="text/css">
		html {}

		body {
			padding: 0;
			margin: 0;
		}

		ul {
			padding: 0;
			margin: 0
		}

		ul li {
			padding: 0;
			margin: 0;
			list-style: none
		}

		.ie8 body {
			background: #d6dae3;
		}

		.home-header {
			margin-top: 80px;
		}

		.home-content {
			margin-top: 10px;
		}

		.home-links {
			padding: 100px 20px;
			text-align: right;
		}

		.home-content h1,
		.home-content p {
			color: #777;
		}

		.home-content h1 {
			font-size: 42px;
			line-height: 50px;
			margin-bottom: 15px;
			font-weight: 300;
		}

		.home-content p {
			font-size: 13px;
		}

		.home-content input {
			background: #fff !important;
		}

		.home-footer {
			text-align: left !important;
			font-size: 12px;
			padding: 20px 20px 20px 20px;
		}

		pre {
			opacity: 0.5;
			background: none;
			border: none;
			padding: 0;
		}

		code {
			box-shadow: unset;
			border: none;
		}

		.getting-started {
			background: #fff;
			opacity: 0.7;
		}

		.getting-started blockquote {
			background: #fafafa;
		}

		.fork-me-wrapper {
			width: 170px;
			height: 170px;
			position: absolute;
			top: 0;
			right: 0;
			overflow: hidden;
			z-index: 9999;
		}

		.fork-me {
			width: 42px;
			height: 42px;
			position: absolute;
			top: 5px;
			right: 5px;
			background-color: #1d943b;
			background-image: url("");
			background-repeat: no-repeat;
			background-position: center center;
			overflow: hidden;
			white-space: nowrap;
		}

		@media only screen and (min-width: 40.063em) {
			.fork-me {
				width: auto;
				height: auto;
				top: 40px;
				right: -55px;
				padding: 2px 0;
				box-shadow: 0 0 10px 0 #888;
				background-color: #1d943b;
				background-image: none !important;
				transform: rotate(45deg);
			}
		}

		.fork-me-link,
		.fork-me-link:link,
		.fork-me-link:visited,
		.fork-me-link:hover,
		.fork-me-link:focus,
		.fork-me-link:active {
			display: block;
			height: 100%;
			text-decoration: none;
			border: none;
		}

		@media only screen and (min-width: 40.063em) {
			.fork-me-link,
			.fork-me-link:link,
			.fork-me-link:visited,
			.fork-me-link:hover,
			.fork-me-link:focus,
			.fork-me-link:active {
				font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
				text-align: center;
				color: #fff;
				padding: 10px 50px;
				border: 1px solid #fff;
				text-shadow: 0 0 5px #444;
			}
		}

		.fork-me-link:focus {
			text-decoration: underline;
		}

		.fork-me-text {
			display: none;
		}

		@media only screen and (min-width: 40.063em) {
			.fork-me-text {
				display: inline;
			}
		}

		.fork-me-dark {
			background-image: url("");
		}

		.fork-me-left {
			left: 0;
			right: auto;
		}

		.fork-me-left .fork-me {
			left: 5px;
			right: auto;
		}

		@media only screen and (min-width: 40.063em) {
			.fork-me-left .fork-me {
				left: -55px;
				right: auto;
				transform: rotate(-45deg);
			}
		}

		.fork-me-fixed {
			position: fixed;
		}
	</style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->

<body>
	<div class="container">
		<div class="row">
			<div class="col-md-12 home-header">

			</div>
		</div>
		<div class="row">
			<div class="col-md-7 home-content">
				<h1>Pagurian </h1>

				<p>{{data.description}}</p>
				<p>版本: <a href="https://github.com/hypers/pagurian" target="_blank">{{data.version}}</a></p>
				{{{data.update}}}
				<br>

				<iframe src="https://ghbtns.com/github-btn.html?user=hypers&repo=pagurian&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>

			</div>
			<div class="col-md-5 home-links">
				<a class="btn btn-default btn-lg green" href="theme-color.html">开始使用</a>
				<a class="btn btn-default btn-lg" href="/docs/ui-guide/" target="_blank">UI设计规范</a>
				<a class="btn btn-default btn-lg" href="http://www.hypers.com/contact/" target="_blank">加入我们</a>


			</div>
		</div>

		<div class="row">
			<div class="col-md-12">
				<h2>快速开始</h2>
				<div class="getting-started">
					<p>首先安装NodeJs</p>
					<p>下载地址：<a href="https://nodejs.org/download/" target="_blank">https://nodejs.org/download/</a></p>
					<hr class="hr" />

					<p>然后安装 Grunt</p>

					<blockquote>
						<p>npm install -g grunt-cli</p>
					</blockquote>

					<p>克隆Pagurian</p>
					<blockquote>
						<p>git clone <a href="https://github.com/hypers/pagurian.git" target="_blank">https://github.com/hypers/pagurian.git</a></p>
					</blockquote>

					<p>安装grunt插件</p>
					<blockquote>
						<p>cd pagurian</p>
						<p>npm install</p>
					</blockquote>

					<p>接下来，执行 grunt</p>
					<blockquote>
						<p>grunt </p>
					</blockquote>


					<p>注意：</p>
					<p>1.由于需要混淆压缩js文件,执行时间需要花费一定时间</p>
				</div>

			</div>
		</div>


		<div class="row">
			<div class="col-md-12">
				<h2>谁在用？</h2>
				<ul>
					<li><a href="https://analytics.hypers.com.cn" target="_blank">Hyper Analytics</a></li>
					<li><a href="http://adstracker.hypers.com.cn/" target="_blank">Hyper Adstracker</a></li>
				</ul>
			</div>
		</div>

		<div class="row">
			<div class="col-md-12 home-footer">

				<p>
					<a href="https://github.com/hypers/pagurian/issues" target="_blank">问题反馈</a>
				</p>
			</div>
		</div>
	</div>

	<div class="fork-me-wrapper">
		<div class="fork-me">
			<a class="fork-me-link" href="https://github.com/hypers/pagurian" target="_blank">
				<span class="fork-me-text">Fork Me On GitHub</span>
			</a>
		</div>
	</div>


	<script src="../../pagurian.js"></script>
	<script type="text/javascript">
		pagurian.call("modules/index/app", function(app) {
			app.page.index();
		});
	</script>

	<!--[if lt IE 9]>
		<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->

	{{>fixtures/tracker}}
</body>

</html>
